(function () {
  // 步骤3：创建echarts实例
  let myChart = echarts.init(document.querySelector(".box-m3"));

  // 步骤4：定义配置（指定图表的配置项和数据）
  let option = {
    tooltip: {
      trigger: "axis",
    },
    title: {
      show: true,
      text: "标题样式",
      textStyle: {
        color: "white",
        fontSize: 18,
      },
    },
    legend: {
      top: 30,
      data: ["销售额", "完成率"],
      textStyle: {
        color: "white",
      },
    },
    xAxis: [
      {
        axisTick: { show: false },
        type: "category",
        data: [
          "1月",
          "2月",
          "3月",
          "4月",
          "5月",
          "6月",
          "7月",
          "8月",
          "9月",
          "10月",
          "11月",
          "12月",
        ],
      },
    ],
    grid: {
      bottom: 20,
    },
    yAxis: [
      {
        type: "value",
        name: "金额",
        max: 50,
        min: 0,
        axisLine: { show: true },
        axisTick: { show: true },
        splitLine: { show: false },
      },
      {
        type: "value",
        name: "完成率",
        max: 100,
        min: 0,
        axisLine: { show: true },
        splitLine: { show: false },
      },
    ],
    series: [
      {
        name: "销售额",
        type: "line",
        smooth: true,
        data: [25, 21, 9, 11, 32, 21, 13, 12, 2, 21, 9, 11],
      },
      {
        name: "完成率",
        type: "line",
        smooth: true,
        data: [21, 2, 33, 11, 3, 2, 11, 12, 22, 31, 11, 13],
      },
    ],
  };

  // 步骤5：使用刚指定的配置项和数据显示图表
  myChart.setOption(option);
  //   window.onresize = () => {
  //     myChart.resize;
  //   };
  window.addEventListener("resize", () => {
    myChart.resize();
  });
})();
